<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" th:href="@{/css/default.css}">
    <link rel="shortcut icon" type="image/png" th:href="@{/svg/file_list.png}">
    <title> - 乔翼云QoviCloud</title>
</head>
<body>
    <div id="head-navi"></div>
    <div class="content">
        <!-- 在此处写下你的主题内容 -->
        111111
        <div class="media-type">
            <div class="pictures">
                <picture>
                    <img th:src="${fileInfo.filename}" alt="图片尚未显示" />
<!--                    <source  th:srcset="${fileInfo.filename}" th:type="${fileInfo.filetype}"/>-->
                </picture>
            </div>
            <div class="videos">
                <video>
                    <source th:src="${fileInfo.filename}" th:type="${fileInfo.filetype}"/>
                </video>
            </div>
            <div class="audios">
                <audio>
                    <source th:src="${fileInfo.filename}" th:type="${fileInfo.filetype}" />
                </audio>
            </div>
        </div>
    </div>
    <div id="footer"></div>
</body>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#head-navi").load("/head-navi");
        $("#footer").load("/footer");
    });
</script>
</html>